<template>
    <!-- <footer v-if="showFooter"> -->
    <footer v-if="slots.footer">
      <h3>来自底层的仰望</h3>
      <slot name="footer" />
    </footer>
</template>
<script setup lang='ts'>
import { ref,reactive, useSlots } from 'vue'

// useSlots 是一个运行时函数，它返回相当于 setupContext.slots 的值。我们也可以在正常的组合API函数中使用它。
const slots = useSlots()
const showFooter = () => {
//   console.log('slots==', slots) // { slots: footer }
  return !!slots.footer
}
</script>
<style scoped lang='scss'>
</style>